<template>
    <input class="ph-input" :value="value" spellcheck="false"/>
</template>
<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    props:{
        value:{type:[String,Number]}
    }
})
</script>

<style lang="scss">
@import '../../assets/scss/predef.scss';
.ph-input{
    @include input();
    border-radius: var(--ph-form-radius);
	display: block;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    flex: 1;
    min-width: 0;
    &::-webkit-input-placeholder{
        color: var(--ph-c-l2);
    }
}
</style>